Data publikacji: 20 maja 2025 r.
Podczas konferencji Google I/O 2025 zaprezentowaliśmy nowe funkcje, które pozwolą Ci zwiększyć produktywność i tworzyć jeszcze bardziej zaawansowane, płynne i nowoczesne strony internetowe.
Oto 10 kluczowych innowacji, które zapewniają Ci dostęp do najnowocześniejszych funkcji i z pewnością zainspirują Cię do stworzenia kolejnego projektu.
1. Tworzenie karuzel jest teraz łatwiejsze niż kiedykolwiek dzięki kilku linijkom kodu CSS i HTML
Twórz piękne karuzele z CSS, które są interaktywne od pierwszego wyrenderowania. Chrome 135 wprowadził nowe elementy pierwotne CSS: fragmentację ze stylami, elementy znacznika przewijania i przyciski przewijania, które upraszczają tworzenie karuzeli bez JavaScriptu. Korzystaj ze znanych koncepcji CSS, aby w bardzo krótkim czasie tworzyć bogate, interaktywne, płynne i bardziej dostępne karuzele.
2. Deklaratywna wyskakujące okienka: przedstawiamy nowy interfejs Invoker zainteresowania API
Eksperymentalny interfejs API Interest Invoker jest dostępny w ramach testów origin.
Dzięki tej funkcji możesz deklaratywnie włączać i wyłączać wyskakujące okienka, gdy zainteresowanie użytkownika jest aktywne przez krótki czas. Żegnaj atrybut [title], którego nie można stylizować. Witaj atrybut [interesttarget] Połącz go z interfejsem Anchor Positioning API i interfejsem Popover API, aby tworzyć bogate, responsywne i interaktywne elementy interfejsu użytkownika, takie jak etykiety narzędzia czy karty, bez użycia JavaScriptu. Współczesny CSS stwarza nieograniczone możliwości.
3. Dostępnych jest kilka wbudowanych interfejsów API AI korzystających z najlepszych modeli, takich jak Gemini Nano, które teraz obsługują funkcje multimodalne w Prompt API.
Nasze wbudowane rozwiązania AI nadal się rozwijają, zapewniając większą prywatność, krótszy czas oczekiwania i niższe koszty, a także dostęp do wysokiej jakości wyników tworzonych przez AI. Wbudowana AI korzysta z modeli ekspertów i Gemini Nano, najwydajniejszego modelu od Google, do zadań wykonywanych na urządzeniu. Od wersji Chrome 138 interfejsy Summarizer API, Language Detector API, Translator API i Prompt API są dostępne w wersji stabilnej w rozszerzeniach Chrome. Ponadto w testowaniu origin dostępne są interfejsy Writer API i Rewriter API.
Nowy interfejs Proofreader API wraz z interfejsem Prompt API z możliwościami multimodalnymi są dostępne w Chrome Canary.
Aby uzyskać najnowsze informacje, dołącz do programu wczesnej wersji zapoznawczej i współpracuj z nami nad nowymi wbudowanymi interfejsami API AI oraz współtwórz przyszłość AI w internecie.
4. AI po stronie klienta z użyciem interfejsu Firebase i Gemini Developer API zapewnia hybrydowe rozwiązanie AI
Dzięki współpracy z Firebase i Gemini Developer API możesz teraz tworzyć internetowe aplikacje oparte na AI na urządzeniach mobilnych i komputerach. Te aplikacje korzystają z AI po stronie klienta, gdy jest to możliwe, i płynnie przełączają się na AI po stronie serwera, aby docierać do wszystkich urządzeń i przeglądarek. Od dziś Firebase AI Logic zapewnia płynny dostęp do wbudowanego interfejsu Prompt API w Chrome, który korzysta z modeli Gemini Nano i podobnych mniejszych modeli po stronie serwera za pomocą interfejsu Gemini Developer API.
5. pomoc AI w Chrome DevTools ułatwia debugowanie stylów, wydajności i innych aspektów
Dzięki pomocy AI możesz rozmawiać z Gemini, aby debugować błędy stylów w panelu Elementy, rozwiązywać problemy z wydajnością w panelu Wydajność, identyfikować problemy z siecią w panelu Sieć oraz znajdować pliki źródłowe w panelu Źródła. Ponadto pomoc AI może teraz stosować zmiany związane ze stylami bezpośrednio w kodzie źródłowym w panelu Elementy.
6. Dane o prawdziwych użytkownikach, statystyki Lighthouse i funkcje AI w panelu Wydajność w Narzędziach deweloperskich w Chrome ułatwiają analizowanie i rozwiązywanie problemów z wydajnością
Dzięki przeprojektowanemu panelowi Wydajność możesz teraz uzyskać dostęp do danych Podstawowych wskaźników internetowych dotyczących lokalnych i rzeczywistych użytkowników oraz poprosić Gemini o pomoc w rozwiązywaniu problemów z wydajnością. Pasek informacji zawiera informacje Lighthouse dotyczące Twoich śladów, co ułatwia debugowanie bez konieczności przerywania pracy lub utraty produktywności.
7. Funkcje podstawowe są teraz dostępne w dostępnych narzędziach: VS Code, ESLint i innych
Zwiększ dokładność i pewność procesu tworzenia witryn dzięki integracji z Baseline. W znanych narzędziach do tworzenia stron internetowych możesz uzyskać przejrzystą informację o dostępności funkcji internetowych w głównych przeglądarkach:
- IDE: VSCode wyświetla teraz stan podstawowy funkcji w trakcie kompilacji. Wkrótce udostępnimy tę funkcję w WebStorm firmy JetBrains i środowiskach IDE opartych na VS Code, takich jak Firebase Studio, Windsurf, GitHub Codespaces i inne.
- Lintery: lintery CSS i HTML mogą aktywnie ostrzegać, gdy używasz funkcji, która jest nowsza niż docelowa wartość odniesienia. Wartość domyślna jest obsługiwana w ESLint for CSS, HTML ESLint i Stylelint.
- Analytics: RUMvision łączy dane z poziomu podstawowego z danymi o prawdziwych użytkownikach, co pozwala strategicznie wybrać optymalną wersję poziomu podstawowego dla Twoich odbiorców. Użytkownicy Google Analytics mogą przesyłać swoje dane do Google Analytics Baseline Checker, aby uzyskać rekomendacje dotyczące wartości bazowej.
- Kompilatory: użyj browserslist-config-baseline, aby podłączyć docelowe wartości bazowe do narzędzi do kompilacji kodu, takich jak Babel i PostCSS, aby móc korzystać z nowoczesnych funkcji w kodzie źródłowym i kompilować je w wersjach produkcyjnych.
8. Uzyskaj pełny wgląd w obsługę funkcji internetowych dzięki panelowi platformy internetowej
W zeszłym roku ogłosiliśmy wprowadzenie panelu Web Platform, który umożliwia analizowanie danych o funkcjach internetowych, które obejmują całą platformę internetową jako zestaw funkcji. Dzięki temu, że zbiór danych o funkcjach internetowych jest teraz w 100% zmapowany, po raz pierwszy możesz zobaczyć stan bazowy każdej funkcji we wszystkich przeglądarkach (od AVIF do View Transitions), w tym ich dostępność i upowszechnienie. Bądź na bieżąco i twórz bez obaw.
9. Wersja próbna dla deweloperów umożliwiająca uproszczenie logowania za pomocą Menedżera danych logowania
Zdajemy sobie sprawę, że stosowanie wielu metod uwierzytelniania, w tym haseł, federacji tożsamości i kluczy dostępu, może być uciążliwe dla użytkowników Twoich witryn. Naszym celem jest zapewnienie użytkownikom jednolitego i łatwego procesu logowania. Dlatego w Chrome wprowadzamy intuicyjny menedżer danych logowania z Androida. Wkrótce, gdy użytkownicy klikną Zaloguj się, Chrome wyświetli dane logowania dostępne dla tej witryny, takie jak klucze dostępu i hasła z Menedżera haseł Google, co ułatwi logowanie. Planujemy też dodać do niej federację tożsamości. Menedżer danych logowania na potrzeby internetu jest teraz dostępny w wersji próbnej dla deweloperów. Więcej informacji pojawi się jeszcze w tym roku.
10. szybsze testowanie rozszerzeń Chrome dzięki możliwości anulowania sprawdzenia przesyłanego rozszerzenia
Przesyłanie rozszerzenia do Chrome powinno być proste, bezproblemowe i ciekawe. Wiemy jednak, że jednym z problemów było to, że nie można było szybko poprawić błędu w oczekującym zgłoszeniu. Na początku tego roku wprowadziliśmy możliwość anulowania oczekującej przesyłki, która opiera się na możliwości przywrócenia wcześniej opublikowanej wersji. Wszystko to ma na celu umożliwienie Ci wprowadzania zmian i szybkiego ponownego przesyłania.
Aby uzyskać najnowsze informacje, odwiedź strony developer.chrome.com i web.dev, aby dowiedzieć się więcej o tym, jak tworzymy wydajną i łatwą w użyciu sieć. Pamiętaj też, aby skontaktować się z nami w X, YouTube i LinkedIn. Do zobaczenia na następnej konferencji I/O
Deloitte oznacza co najmniej jedną z firm Deloitte Touche Tohmatsu Limited, brytyjskiej prywatnej spółki z ograniczoną odpowiedzialnością (z gwarancją) („DTTL”), jej sieć firm członkowskich oraz podmioty z nimi powiązane. DTTL i każda z firm członkowskich są odrębnymi i niezależnymi podmiotami prawnymi. DTTL (nazywana też „Deloitte Global”) nie świadczy usług klientom. W Stanach Zjednoczonych Deloitte oznacza jedną lub więcej firm członkowskich DTTL w Stanach Zjednoczonych, ich podmioty stowarzyszone, które działają w Stanach Zjednoczonych pod nazwą „Deloitte”, oraz ich podmioty stowarzyszone. Niektóre usługi mogą być niedostępne dla klientów, którzy chcą uzyskać zaświadczenie zgodnie z zasadami i przepisami rachunkowości publicznej. Więcej informacji o naszej globalnej sieci firm członkowskich znajdziesz na stronie www.deloitte.com/about.